<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
	#l1{
	position:fixed;
	width:100%;
	height:600px;
	background-color:yellow;
	position:fixed;
	}
	#L21{
	position:fixed;
	width:100%;
	height:20%;
	background-color:blue;
	}
	#L22{
	position:fixed;
	top:20%;
	width:15%;
	height:60%;
	background-color:red;
	}
	#L23{
	position:fixed;
	top:20%
	width:85%;
	height:60%;
	background-color:pink;
	left:15%
	}
	#L24{
	position:fixed;
	top:80%;
	width:100%;
	height:20%;
	background-color:green;
	}
  </style>
 </head>
 <body>
<div id="l1">
	<div id="L21">
	</div>
	<div id="L22">
	</div>
	<div id="L23">
	</div>
	<div id="L24">
	</div>
</div>
	
 </body>
</html>
